import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// 引入时间转换倚赖
import moment from 'moment'



// 引入UI组件库
import ViewUI from 'view-design';
import 'view-design/dist/styles/iview.css';
Vue.use(ViewUI);

// 引入VantUI
// import Vant from 'vant';
// import 'vant/lib/index.css';

// Vue.use(Vant);

import "@/plugins/index.js"

// 时间戳转换
Vue.filter('dateformat', function(data, pattern = 'YYYY-MM-DD HH:mm:ss') {
  return moment(parseInt(data)).format(pattern)
})

// 引入全局混入 
import mixin from '@/utils/mixin/mixins'
Vue.mixin(mixin)

// 图片点击放大组件参数配置
let options = {
  fullscreenEl: false, //控制是否显示右上角全屏按钮
  closeEl: true, //控制是否显示右上角关闭按钮
  tapToClose: true, //点击滑动区域应关闭图库
  shareEl: false, //控制是否显示分享按钮
  zoomEl: false, //控制是否显示放大缩小按钮
  counterEl: true, //控制是否显示左上角图片数量按钮
  arrowEl: true,  //控制如图的左右箭头（pc浏览器模拟手机时）
  tapToToggleControls: true, //点击应切换控件的可见性
  clickToCloseNonZoomable: false //点击图片应关闭图库，仅当图像小于视口的大小时
};
// 引入图片放大组件
import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'
Vue.use(preview,options)

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
